<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <jsp:include page="top-link.jsp"></jsp:include>
    </head>
    <body>
        <%--        头部导航栏--%>
        <%@include file="top-nav.jsp" %>

        <div class="layui-container" style="margin-top: 40px">
            <div class="layui-row">
                <div class="layui-col-md3">
                    <ul class="layui-nav layui-nav-tree ">
                        <li class="layui-nav-item"><span style="font-size: 22px;padding: 10px">我的票虫</span></li>
                        <li class="layui-nav-item">
                            <span style="font-size: 18px;padding: 15px">交易中心</span>
                            <dl>
                                <dd><a href="${pageContext.request.contextPath}/api/v1/pri/user/order">&gt; 订单管理</a>
                                </dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item">
                            <span style="font-size: 18px;padding: 15px">账户中心</span>
                            <dl>

                                <dd><a href="${pageContext.request.contextPath}/api/v1/pri/user/do/reset-pwd">&gt;
                                    修改密码</a></dd>
                                <dd class="layui-this"><a href="">&gt; 个人信息</a></dd>
                                <dd><a href="${pageContext.request.contextPath}/api/v1/pri/user/buyerticket-list">&gt;
                                    常用购票人</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="layui-col-md9" style="float: right;">
                    <div class="layui-card">
                        <div class="layui-card-header layui-bg-cyan">个人信息</div>
                        <div class="layui-card-body layui-bg-green">
                            基本资料
                        </div>
                        <div style="padding: 20px; background-color: #F2F2F2;">
                            <div class="layui-row layui-col-space15">
                                <div class="layui-col-md12">
                                    <div class="layui-card">
                                        <div class="layui-card-header">hello ${jsonData.data.userInfoUsername}</div>
                                        <div class="layui-card-body ">
                                            <form class="layui-form" action="" lay-filter="example">
                                                <div class="layui-form-item" style="width: 220px">
                                                    <label class="layui-form-label"><span style="color: red">*</span>用户名
                                                        : </label>
                                                    <div class="layui-input-block">
                                                        <input type="text" name="username" lay-verify="title"
                                                               autocomplete="off" placeholder=""
                                                               value="${jsonData.data.userInfoUsername}"
                                                               class="layui-input" disabled>
                                                    </div>
                                                </div>
                                                <div class="layui-form-item" style="width: 220px">
                                                    <label class="layui-form-label"><span style="color: red">*</span>注册时间
                                                        : </label>
                                                    <div class="layui-input-block">
                                                        <fmt:formatDate value="${jsonData.data.createTime}"
                                                                        var="createTime"
                                                                        pattern="yyyy.MM.dd"/>
                                                        <input type="text" name="username" lay-verify="title"
                                                               autocomplete="off" placeholder="注册时间"
                                                               value="${createTime}" class="layui-input" disabled>
                                                    </div>
                                                </div>
                                                <%--                                                <div class="layui-form-item">--%>
                                                <%--                                                    <label class="layui-form-label">性别 : </label>--%>
                                                <%--                                                    <div class="layui-input-block">--%>
                                                <%--                                                        --%>
                                                <%--                                                        <input type="radio" name="sex" value="男" title="男">--%>
                                                <%--                                                        <input type="radio" name="sex" value="女" title="女">--%>
                                                <%--                                                    </div>--%>
                                                <%--                                                </div>--%>
                                                <%--                                                <div class="layui-form">--%>
                                                <%--                                                    <div class="layui-form-item">--%>
                                                <%--                                                        <div class="layui-inline">--%>
                                                <%--                                                            <label class="layui-form-label">出生日期</label>--%>
                                                <%--                                                            <div class="layui-input-inline">--%>
                                                <%--                                                                <input type="text" class="layui-input" id="test1"--%>
                                                <%--                                                                       placeholder="yyyy-MM-dd">--%>
                                                <%--                                                            </div>--%>
                                                <%--                                                        </div>--%>
                                                <%--                                                    </div>--%>
                                                <%--                                                </div>--%>
                                                <%--                                                <div class="layui-form-item" style="width: 220px">--%>
                                                <%--                                                    <label class="layui-form-label"><span style="color: red">*</span>身份证号--%>
                                                <%--                                                        : </label>--%>
                                                <%--                                                    <div class="layui-input-block">--%>
                                                <%--                                                        <input type="text" name="username" lay-verify="title"--%>
                                                <%--                                                               autocomplete="off" placeholder="请输入" class="layui-input">--%>
                                                <%--                                                    </div>--%>
                                                <%--                                                </div>--%>
                                                <%--  <div style="position: relative;left: 110px">--%>
                                                <%--                                                    <button type="button" class="layui-btn">保存</button>--%>
                                                <%--                                                </div>--%>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <!-- 尾部导航 -->
        <%@include file="foot-nav.jsp" %>

        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>
        <script type="text/javascript">
            layui.use('element', function () {
                var element = layui.element;

            });
            layui.use(['form', 'layedit', 'laydate'], function () {
                var form = layui.form,
                    layer = layui.layer,
                    laydate = layui.laydate;

                //日期
                laydate.render({
                    elem: '#test1'
                });

                //监听提交
                form.on('submit(demo1)', function (data) {
                    layer.alert(JSON.stringify(data.field), {
                        title: '最终的提交信息'
                    })
                    return false;
                });

            });
        </script>
    </body>
</html>
